<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>制作聚美优品商品分类页面</title>
		<link rel="stylesheet" href="css/demo03.css" />
	</head>
	<body>
		<div class="box">
			<h3 class="h">全部分类</h3>
			<dl class="d">
				<div class="first">
				<dt ><img src="img/icon_01.gif" /><strong >护肤</strong></dt>
					<dd>
						<a href="#">洁面</a>
						<a href="#">化妆水</a>
						<a href="#">喷雾</a>
						<a href="#">美容液</a>
						<a href="#">眼霜</a>
					</dd>									
					<dd>
						<a href="#">眼部精华</a>
						<a href="#">眼膜</a>
						<a href="#">面膜</a>
						<a href="#">面膜贴</a>
					</dd>
					<dd>
						<a href="#">水洗面膜</a>
						<a href="#">免洗面膜</a>
						<a href="#">精华</a>
						<a href="#">精油</a>
					</dd>
					<dd>
						<a href="#">凝露</a>
						<a href="#">乳液</a>
						<a href="#">面霜</a>
						<a href="#">日霜</a>
						<a href="#">晚霜</a>
					</dd>
					</div>
					<div class="second">
					<dt><img src="img/icon_02.gif" /><strong>彩妆</strong></dt>
					<dd>     
						<a href="#">卸妆</a>
						<a href="#">防晒</a>
						<a href="#">隔离</a>
						<a href="#">BB霜</a>
						<a href="#">粉底</a>
						<a href="#">粉饼</a>
					</dd>
					<dd>    
					    <a href="#">睫毛膏</a>
						<a href="#">眼影</a>
						<a href="#">唇彩</a>
						<a href="#">腮红</a>
						<a href="#">眼线笔</a>
					</dd>
					<dd>    
						<a href="#">底妆</a>
						<a href="#">遮瑕</a>
						<a href="#">蜜粉</a>
						<a href="#">眉笔</a>
						<a href="#">美甲</a>
					</dd>
					</div>
					<div class="third">
					<dt><img src="img/icon_03.gif" /><strong>香氛</strong></dt>
					<dd>   
					    <a href="#">男香</a>
						<a href="#">女香</a>
						<a href="#">小Q装</a>
						<a href="#">中性香水</a>
					</dd>
					</div>
					<div class="four">
					<dt><img src="img/icon_04.gif" /><strong>身体护理</strong></dt>
					<dd>    
						<a href="#">洗发</a>
						<a href="#">护发</a>
						<a href="#">沐浴</a>
						<a href="#">身体乳</a>
						<a href="#">手足护理</a>
					
					</dd>
					<dd>   
						<a href="#">护手霜</a>
						<a href="#">纤体</a>
						<a href="#">身体精油</a>
						<a href="#">颈部护理</a>
						
					</dd>
					<dd>  
						<a href="#">个人护理</a>
						<a href="#">卫生用品</a>
						<a href="#">脱毛</a>
					</dd>
					</div>
					<div class="five">
					<dt><img src="img/icon_05.gif" /><strong>礼盒套装</strong></dt>
					<dd>  
					    <a href="#">护肤套装</a>
						<a href="#">身体护理套装</a>
						<a href="#">彩妆套装</a>
					</dd>
					<dd>   
					    <a href="#">旅行装</a>
						<a href="#">香水套装</a>
						<a href="#">男士套装</a>
					</dd>
					</div>
					<div class="six">
					<dt><img src="img/icon_06.gif" /><strong>美容工具</strong></dt>
					<dd>     
					    <a href="#">护肤</a>
						<a href="#">彩妆</a>
						<a href="#">美发</a>
						<a href="#">美体</a>
						<a href="#">美甲</a>
					</dd>
					<dd>  
						<a href="#">美容仪器</a>
						<a href="#">其他美容工具</a>						
					</dd>
					</div>
					<div class="seven">
					<dt><img src="img/icon_07.gif" /><strong>母婴专区</strong></dt>
					<dd>  
						<a href="#">奶粉</a>
						<a href="#">尿裤湿巾</a>
						<a href="#">母婴洗护</a>						
					</dd>
					</div>
					<div class="eight">
					<dt><img src="img/icon_08.gif" /><strong>男士专区</strong></dt>
					<dd>   
						<a href="#">洁面</a>
						<a href="#">爽肤水</a>
						<a href="#">面霜</a>	
						<a href="#">男香</a>	
					
					</dd>
					<dd>    
						<a href="#">眼霜</a>
						<a href="#">凝胶</a>
						<a href="#">乳液</a>	
						<a href="#">精华</a>	
						<a href="#">沐浴</a>						
					</dd>	
					</div>
					
					<dt><img src="img/icon_07.gif" /><strong>食品保健</strong></dt>
						<div class="nine">
					<dd>    
						<a href="#">瘦身类</a>
						<a href="#">保健类</a>
						<a href="#">美容类</a>	
						<a href="#">食品类</a>							
					</dd>
					</div>
				</dt>
			</dl>
		</div>
	</body>
</html>
